<template>
	<section>

		<el-button type="primary" class="newType" @click="addNewType">增加品类</el-button>

		<!-- 列表 -->
		<el-table :data="category" highlight-current-row v-loading="listLoading" @selection-change="selsChange"
		style="width: 100%;">
			<el-table-column prop="name" label="品类" width="120" >
			</el-table-column>

			<el-table-column prop="number" label="商品数量" min-width="160">
			</el-table-column>

			<el-table-column label="操作" width="150">
				<template scope="scope">
					<el-button size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
					<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button>
				</template>
			</el-table-column>
    </el-table>
	</section>
</template>

<script>
import index from './index'
export default {
   ...index
}
</script>


<style lang="less">
@import "./index.less";
</style>

